<!DOCTYPE html>
<html>
<head>
		
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	
	<r:require modules="bootstrap"/>
	<r:layoutResources/>
				
			

</head>
<body>
<div id="header" style="margin-left:20px">
<table><tr><td><img src="${resource(dir:'images',file:'manozombie.png')}" class="pull-left" height="100" width="90"/><h1 id="titulo">Zombies</h1></td></tr>
<tr><td><h3>Seleccione Zombie a atacar</h3> </td></tr>
</table>
</div>

<table>


</table>
<div id="content"><br />
<div id="tabla" style="margin-left:20px; width: 650px">
<TABLE class="table">
<tr>

</tr>
<tr>
<td></td>

<form method="post">
<div id="comboPlantas">
<select class="span4" id="zombieSeleccionado" name="zombieSeleccionado">
					<g:each in="${zombies}" status="i" var="zombie">
						<option value="${i}">${zombie.getNombre()}</option>
					</g:each>
				</select>
</div>
<div class="modal-footer"  style="margin-left:20px">
	   <g:actionSubmit value="Atacar" action="atacarla" controller="juego" class="btn btn-danger" Style = "margin-top:10px;"/>
	   <g:actionSubmit value="Volver" action="index" controller="juego" class="btn btn-success" Style = "margin-top:10px;"/>
	    </div>
</form>

<td></td>
<td>
</tr>
</TABLE></div>
</div>

</body>
</HTML>